<template>
	<view class="d-flex flex-column p-3 border-bottom" @tap="skipToSpecial">
		<image :src="content.thumb" style="width: 690upx;height: 350upx;" mode="" ></image>
		<view class="title-wrap d-flex a-center" style="height: upx;">
			<text style="margin-right: 4upx;">{{ text }}</text>
			<text class="iconfont icon-double-right"></text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			text: '进入专题'
		};
	},
    props: {
        content: {
            type: Object,
            default: () => {
                return {
                };
            }
        }
    },
	methods: {
        skipToSpecial() {
            const newsId = this.content.contentId;
            const url = this.content.url;
            const thumb = this.content.thumb;
            const title = this.content.title;
            uni.navigateTo({
                url: '/pages/index/news-detail/news-detail?id=' + newsId + "&thumb=" + thumb + "&title=" + title + '&link=' +
                url
            })
		}
	}
};
</script>

<style scoped>
.title-wrap {
	font-size: 22upx;
	color: #666666;
	margin: 0 auto;
	margin-top: -60upx;
	z-index: 99;
	color: #fff;
	text-align: center;
	border:0.5px solid #fff;
	padding: 0 12upx;
	text-align: center;
	margin-bottom: 15upx;
	
}
</style>
